<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Sistema de Controle de Consulta</title>

<meta name="keywords" content="free css templates, light gray, clean, simple, professional, CSS, HTML" />
<meta name="description" content="Light Gray - Free CSS Template from templatemo.com" />

      <link rel="stylesheet" href="css/templatemo_style.css" type="text/css" />   <!-- css geral -->  
      <link rel="stylesheet" href="css/css_datepicker/jquery.ui.all.css">		<!-- css datapicker -->                    
      <link rel='stylesheet' href='css/cupertino/jquery-ui.min.css' />            <!-- css calendar -->  
      <link href='js/fullcalendar/fullcalendar.css' rel='stylesheet' />           <!-- css calendar -->  
      <link href='js/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />   <!-- css calendar -->  

        <script src="js/jquery-2.0.1.min.js" type="text/javascript"></script>                           <!-- jquery -->
	<script src="js/js_datepicker/jquery.ui.core.js" type="text/javascript"></script>       	<!-- js datapicker -->
	<script src="js/js_datepicker/jquery.ui.datepicker.js" type="text/javascript"></script>		<!-- js datapicker -->
	<script src="js/jquery.maskedInput.min.js" type="text/javascript"></script>			<!-- js mask -->
	<script src="js/parsley.js" type="text/javascript"></script>					<!-- js parsley -->	
	<script src="js/messages.pt_br.js" type="text/javascript"></script>				<!-- js parsley -->
	<script src='js/lib/jquery-ui.custom.min.js'></script>                                          <!-- js calendar -->
        <script src='js/fullcalendar/fullcalendar.min.js'></script>                                     <!-- js calendar --> 

<script type="text/javascript">
    $(function() {
		$( "#dtNasc, #data" ).datepicker({
			changeMonth: true,
			changeYear: true,
			dateFormat: 'dd/mm/yy',
                        dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
                        dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
                        dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'],
                        monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
                        monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
                        nextText: 'Próximo',
                        prevText: 'Anterior',
                        showOtherMonths: true,
                        selectOtherMonths: true,
                        beforeShow: function(){    
                            $(".ui-datepicker").css('font-size', 12);
                    }
		});
		
		$.datepicker.setDefaults($.datepicker.regional['pt-BR']);
		jQuery("#cpf").mask("999.999.999-99");
		jQuery("#telefone").mask("(99) 9999-9999");
		jQuery("#celular").mask("(99) 9999-9999");
                $("#dtNasc, #data").mask("99/99/9999");
	});
</script> 


<script>

	$(document).ready(function() {
	
		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();
		
		$('#calendar').fullCalendar({
			theme: true,
                        monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
                        dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sabado'], 
                        dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
                        titleFormat: {
                            month:'MMMM yyyy',
                            week: "d[ MMMM][ yyyy]{ - d MMMM yyyy}",
                            day: 'dddd, d MMMM yyyy'
                        },
                        columnFormat: {
                            month:'ddd',
                            week:'ddd d',
                            day:''
                        },
                        axisFormat:'H', //HH:mm',
                        timeFormat: {
                            '': 'HH:mm',
                            agenda: 'HH:mm{ - HH:mm}'
                        },
                        buttonText: {
                            prev:"&nbsp;&#9668;&nbsp;",
                            next:"&nbsp;&#9658;&nbsp;",
                            prevYear:"&nbsp;&lt;&lt;&nbsp;",
                            nextYear:"&nbsp;&gt;&gt;&nbsp;",
                            today:"Hoje",
                            month:"Mês",
                            week:"Semana",
                            day:"Dia"
                        },
                        allDayText:"Dia Todo",
                        header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			editable: false,
                        events: "CalendarJsonServlet",
                        eventClick: function(event) {
                            if (event.url) {
                                window.open(event.url);
                                return false;
                            }
                        }
                        
                        
		});
		
	});

</script>
        
        		<link rel="stylesheet" href="css/colorbox.css" />
		<script src="js/jquery.colorbox.js"></script>
                
                <script>
			$(document).ready(function(){
				
				$(".inline").colorbox({inline:true, width:"50%"});
				
			
			});
		</script>

</head>